<template>
    <div class="default_slot">
        <Category :categorys="foods">
            <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Finews.gtimg.com%2Fnewsapp_match%2F0%2F11938136878%2F0.jpg&refer=http%3A%2F%2Finews.gtimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643960795&t=7f7146edeb9d97b8ebae6f714b9ef35d" alt="">
        </Category>
        <Category :categorys="films"></Category>
        <Category :categorys="games"></Category>
    </div>
</template>

<script>
import Category from './Category.vue';

export default {
    name: 'DefaultSlot',
    components: {Category},
    data() {
        return {
            foods: ['食物1', '食物2', '食物3', '食物4',],
            films: ['电影1', '电影2', '电影3', '电影4',],
            games: ['游戏1', '游戏2', '游戏3', '游戏4',],
        }
    }
}
</script>

<style scoped>
    .default_slot {
        width: 600px;
        display: flex;
        justify-content: space-around;
    }
</style>